<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta name="author" content="SkyKiDS" />
		<meta name="keywords" content="tag, html, javascript, js, css, practice, note, 태그, 연습장" />
		<meta name="description" content="태그 연습장입니다." />
		<title>Test your Markup, here!</title>
		<style type="text/css">
		<!--
			img {border:0;}

			.btnNormal {width:150px;}
			.btnLarge {width:250px;}
		// -->
		</style>
		<script type="text/javascript">
		<!-- <![CDATA[
			var resultWindow = null;

			function showResult(openANewWindow) {
				if (openANewWindow) {
					if (resultWindow == null || resultWindow.closed) {
						resultWindow = window.open("about:blank", "resultWindow", "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes");
					}
					else {
					}

					try
					{
						resultWindow.document.open();
					}
					catch (e)
					{
						resultWindow.close();
						resultWindow = window.open("about:blank", "resultWindow", "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes");
						resultWindow.document.open();
					}
					finally
					{
						resultWindow.document.write(document.getElementById("textarea").value);
						resultWindow.document.write("<p><input type='button' value='창 닫기' onclick='self.close()' /></p>");
						resultWindow.document.close();
					}
				}
				else {
					document.getElementById("result").innerHTML = document.getElementById("textarea").value;
					document.getElementById("textarea").style.display = "none";
					document.getElementById("result").style.display = "";
				}
			}

			function showSource(closeANewWindow) {
				if (closeANewWindow) {
					if (resultWindow == null || resultWindow.closed) {
						alert("There is no result window.");
					}
					else {
						resultWindow.close();
					}
				}
				else {
					document.getElementById("result").style.display = "none";
					document.getElementById("textarea").style.display = "";
				}
			}
		// ]]> -->
		</script>
	</head>
	<body>
<div id="wrapper">
	<input type="button" class="btnNormal" value="Show the result!" onclick="showResult(false);" />&nbsp;&nbsp;&nbsp;
	<input type="button" class="btnLarge" value="Show the result in a new window!" onclick="showResult(true);" /><br />
	<input type="button" class="btnNormal" value="Show the source!" onclick="showSource(false);" />&nbsp;&nbsp;&nbsp;
	<input type="button" class="btnLarge" value="Close the result in a new window!" onclick="showSource(true);;" /><br />
	<a href="http://validator.w3.org/#validate_by_input" title="Markup Validation Service">Markup Validation Service</a>
	<div id="input">
		<textarea id="textarea" rows="30" cols="70">&lt;?xml version="1.0" encoding="UTF-8" ?&gt;
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
	&lt;head&gt;
		&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
		&lt;title&gt;Hello, World by SkyKiDS!&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;div id="wrapper"&gt;
			&lt;span style="color:red"&gt;Hello, World!&lt;/span&gt;
		&lt;/div&gt;
	&lt;/body&gt;
&lt;/html&gt;</textarea>
	</div>
	<div id="result" style="display:none; border:1px solid black;">
	</div>
</div>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>
	</body>
</html>

